<!-- 模板 -->
<template>
<div class="dialog-wp">
  <button @click="showDialog">测试弹窗</button>

  <com-dialog v-model="visible" title="哈哈哈">
    测试
    <template slot="footer">
      <el-button type="primary" size="small" @click="visible = false">确 定</el-button>
    </template>
  </com-dialog>

</div>
</template>
<script>

import comDialog from "@/components/com-dialog.vue";

export default {
  name: 'comdialog',
  components: {
    comDialog,
  },
  data () {
    return {
      visible: false
    }
  },
  mounted () {

  },
  methods: {
    showDialog () {
      this.visible = true;
    }
  }
}
</script>
<style lang="scss" scoped>
.dialog-wp {
  
}
</style>